<template>
  <transition name="mini">
    <div class="mini-player" v-show="!fullScreen && currentSong !=  undefined" @click="back(true)">
      <div class="icon">
        <img width="40" height="40" :src="imgsrc" :class="rorate" />
      </div>
      <div class="text">
        <h2 class="name" v-html="currentSong.name"></h2>
        <p class="desc">
          <span v-for="item of currentSong.singer" :key="item.id">{{item.name}}</span>
        </p>
      </div>
      <div class="control" @click.stop="changePlaying">
        <i :class="miniIcon"></i>
      </div>
      <div class="control">
        <i class="icon-playlist" @click.stop="showPlaylist"></i>
      </div>
    </div>
  </transition>
</template>

<script>
export default {
  components: {},
  props: {
    imgSrc: {
      type: String,
      default: ''
    }
  },
  data() {
    return {}
  },
  methods: {},
  mounted() {}
}
</script>

<style scoped>
</style>